<template>
	<view class="container">
		<header-view type="second" leftShow rightShow>{{$t('设置')}}</header-view>
		<view class="content">
			<view class="list flex_between">
				<view class="name">{{$t('我的名字')}}</view>
				<!-- <uni-icons type="right" size="15" color="#e6e6e6"></uni-icons> -->
			</view>
			<view class="list flex_between">
				<view class="name">{{$t('绑定手机')}}</view>
				 <!-- <uni-icons type="right" size="15" color="#e6e6e6"></uni-icons> -->
			</view>
			<view class="list flex_between" @tap="toPasswrod('login')">
				<view class="name">{{$t('登录密码')}}</view>
				<uni-icons type="right" size="15" color="#e6e6e6"></uni-icons>
			</view>
			<view class="list flex_between" @tap="toPasswrod('fund')">
				<view class="name">{{$t('支付密码')}}</view>
				<uni-icons type="right" size="15" color="#e6e6e6"></uni-icons>
			</view>
			<u-button class="submit" :text="$t('退出登录')" @tap="logout"></u-button>
		</view>
	</view>
</template>

<script>
	import headerView from "@/components/headerView/index.vue"
	export default {
		components: {
			headerView
		},
		data() {
			return {};
		},
		methods: {
			logout() {

			},
			toPasswrod(key) {
				uni.navigateTo({
					url: "/pages/setting/password?type=" + key
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container {

		.content {
			padding: 0 24rpx;

			.list {
				height: 100rpx;
				background: #1f2039;
				border-radius: 20rpx;
				padding: 0 22rpx;
				font-size: 28rpx;
				font-weight: 400;
				color: #e6e6e6;
				margin-bottom: 30rpx;

				// .name {}
			}

			.submit {
				height: 88rpx;
				background: #4c3d89;
				border-radius: 44rpx;
				font-size: 32rpx;
				font-weight: 400;
				color: #fff;
				margin-top: 160rpx;
				border: none;
			}
		}
	}
</style>